<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/dest/js/destionation.js"></script>
</head>

<body>
<div class="pagelet-block">
            <div class="row row-season row-bg">
                <div class="wrapper">
                    <div class="r-title">
                        <h2>当季推荐</h2>
                    </div>
                        <div class="r-navbar" style="width: 1100px;">
                            <a class="on" href="javascript:void(0)" data-id="1">1月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="2">2月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="3">3月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="4">4月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="5">5月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="6">6月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="7">7月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="8">8月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="9">9月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="10">10月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="11">11月</a><span class="divide">|</span>
                            <a class="" href="javascript:void(0)" data-id="12">12月</a><span class="divide"></span>
                        </div>
                    <div class="J_seasonmdds">

                        <div class="tiles">
                            <#--备用参考格式:误删-->
                            <#--<#list destinationMonth[0..2] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>

                            <#list destinationMonth[3..6] as m>
                                <div class="item col4">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="238" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>-->
                            <#list destinationMonth[0..2] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>

                        <div class="tiles hide">
                            <#list destinationMonth[3..5] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[6..8] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[9..11] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[12..14] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[15..17] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[18..20] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[21..23] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[24..26] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[27..29] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[30..32] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                            <#list destinationMonth[33..35] as m>
                                <div class="item col3">
                                    <a href="/destination/guide?id=${m.id}" target="_blank"><img src="${m.coverUrl}" width="323" height="220">
                                        <div class="title">${m.name}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-line"></div>
        </div>
        <div class="pagelet-block1">
            <div class="row row-theme">
                <div class="wrapper">
                    <div class="r-title">
                        <h2>主题精选</h2>
                    </div>
                    <div class="r-navbar">
                        <a class="on" href="javascript:void(0)">全年适宜</a><span class="divide">|</span> <a href="javascript:void(0)">季节</a><span class="divide">|</span> <a href="javascript:void(0)">出行方式</a>
                    </div>
                    <div class="J_catemdds">
                        <div class="tiles">
                            <#list bigTheme1 as bigTheme>
                                <div class="item col4">
                                    <a href="/destination/destFilter?themeId=${bigTheme.id}"  target="_blank"><img src="${bigTheme.coverUrl}" width="238" height="220">
                                        <div class="title">${bigTheme.theme}</div>
                                    </a>
                                </div>
                            </#list>
                        </div>
                        <div class="tiles hide">
                        <#list bigTheme2 as bigTheme>
                            <div class="item col4">
                                <a href="/destination/destFilter?themeId=${bigTheme.id}"  target="_blank"><img src="${bigTheme.coverUrl}" width="238" height="220">
                                    <div class="title">${bigTheme.theme}</div>
                                </a>
                            </div>
                        </#list>
                        </div>
                        <div class="tiles hide">
                        <#list bigTheme3 as bigTheme>
                            <div class="item col4">
                                <a href="/destination/destFilter?themeId=${bigTheme.id}"  target="_blank"><img src="${bigTheme.coverUrl}" width="238" height="220">
                                    <div class="title">${bigTheme.theme}</div>
                                </a>
                            </div>
                        </#list>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-line"></div>
        </div>
    </div>
</body>
<html>